@import url("reset.css");
@import url("cssMyFrame.css");
@import url("960.css");

@charset "utf-8";
/* CSS Document */

body { font:12px Verdana, Geneva, sans-serif; color:#666; background:url(../img/bg.jpg); }

/* Header
============================================================================================*/

#header { float:left; width:100%; }
#top, #menu { float:left; width:100%; }

#top { float:left; width:100%; padding:10px 0; background:rgba(73, 146, 201, 0.8); -pie-background:rgba(73, 146, 201, 0.8); color:#FFF; behavior:url(path/PIE.htc); }
#top p { float:left; }
#top ul { float:right; }
#top ul li { float:left; padding:0 10px; border-left:solid 1px #FFF; }
#top ul li:first-child { border-left:0; }
#top ul li a { display:block; width:100%; color:#FFF; }

#menu { float:left; width:100%; background:rgba(255, 255, 255, 0.8); -pie-background:rgba(255, 255, 255, 0.8); behavior:url(path/PIE.htc); }
#menu img { float:left; margin-top:18px; }
#menu ul { float:right; }
#menu ul li { float:left; height:93px; }
#menu ul li a { display:block; height:100%; padding:0 20px; font:bold 1.2em "Times New Roman", Times, serif; color:#0066B3; text-align:center; line-height:6.5; }
#menu ul li a:hover { color:#09F; }
#menu ul li a.active { background-color:#FFF; border-bottom:solid 5px #FFC220; }

#header .sombra { float:left; width:100%; height:10px; background:url(../img/sombra.png) no-repeat; }

/* Content
============================================================================================*/

/* Index */

#content { background-color:#FFF; }

#content h1 { font:bold 3em "Times New Roman", Times, serif; color:#FFC220; }
#content h2 { font:bold 2em "Times New Roman", Times, serif; color:#FFC11F; }
#content p.bajada { font:bold 2em "Times New Roman", Times, serif; line-height:1; }

#content div.n1 { float:left; position:relative; width:400px; margin:40px 20px 40px 40px; }
#content div.n2 { float:left; width:420px; margin:40px 40px 40px 20px; }

#content .sombra { position:absolute; top:100%; left:0; width:100%; height:44px; background:url(../img/sombra2.png) no-repeat center top; }

/* Nosotros */
div.n1 img { position:absolute; top:0; left:0; }
div.n1 img:first-child { position:relative; opacity:0; filter:alpha(opacity=0); }
div.n2 p { font-size:1.2em; }

/* Auxiliares textiles */

ul.textiles li a { color:#0066B3; font-size:1.2em; }
ul.textiles li a:hover { text-decoration:underline; }

/* Contactenos*/

div.contactenos p { font-size:1.2em; margin-bottom:10px; }
div.contactenos a { color:#0066B3; }  

form p { margin-bottom:10px; }
form input, form textarea { border:solid 1px #999; padding:2px; }
form input { width:215px; }
form textarea { width:455px; }

/* Mapa del sitio */

ul.mapa li { position:relative; left:15px; margin-bottom:10px; color:#0066B3; list-style-type:disc; }
ul.mapa li a { color:#0066B3; font-size:1.2em; }
ul.mapa li a:hover { text-decoration:underline; }

/* Footer
============================================================================================*/

#footer { height:42px; color:#0267B3; }

/* Slider
====================================================*/

#content a.link { display:block; width:100%; height:100%; z-index:1; }

#content .slidetabs { position:absolute; bottom:20px; left:20px; z-index:2; }
#content .slidetabs a { display:block; float:left; width:8px; height:8px; margin-right:5px; background:url(fake.gif); border:solid 1px #FFF; cursor:pointer; }
#content .slidetabs a.current { background-color:#FFC220; }
#content .grid_5 .slidetabs { left:60px; }


#content .slidetabs1 { position:absolute; bottom:20px; right:240px; z-index:2; }
#content .slidetabs1 a { display:block; float:left; width:8px; height:8px; margin-right:5px; background:url(fake.gif); border:solid 1px #FFF; }
#content .slidetabs1 a.current { background-color:#FFC220; }
#content .slidetabs2, #content .slidetabs3 { display:none; }

#slider p, #slider2 p, #slider3 p { color:#FFF; }

#slider { position:relative; width:100%; height:329px; background-color:#161D53; }
#slider div.slide { position:absolute; top:0; left:0; }
#slider div.slide .grid_8 { height:329px; }
#slider div.slide .grid_4 { padding-top:20px; }
#slider p, #slider2 p, #slider3 p { margin-right:20px; }

#slider2, #slider3 { float:left; position:relative; width:50%; height:209px; }
#slider2 { background-color:#5093C6; }
#slider3 { background-color:#375EA6; }
#slider2 div.slide, #slider3 div.slide { position:absolute; top:0; left:0; }
#slider2 div.slide .grid_3, #slider3 div.slide .grid_3 { width:210px; padding-top:20px; padding-left:10px; }
#slider2 div.slide .grid_3:first-child, #slider3 div.slide .grid_3:first-child { width:220px; padding:0; }

#content a.mas { display:block; position:absolute; width:25px; height:25px; background:url(../img/mas.png); z-index:2; }

#slider a.mas { top:-12px; right:-12px; }
#slider2 a.mas, #slider3 a.mas { bottom:-12px; left:218px; }

/* Lightbox
====================================================*/

.overlay {
    display:none;
    width:560px;
    padding:40px;
    background-color:#FFF;
	box-shadow:0 0 10px 5px #999;
	behaviour:url(path/PIE.htc);
}

.overlay .close {
    position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height:25px;
	background:url(../img/close.png);
	cursor:pointer;
}

.overlay div.foto { float:left; position:relative; width:35%; margin-right:5%; }
.overlay div.foto span.n1, .overlay div.foto span.n2 {
	position:absolute;
	width:38px;
	height:38px;
	border:solid 1px #FFF;
	background-color:#0495E8;	
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
  	border-radius:10px;
  	behavior:url(path/PIE.htc);
}
.overlay div.foto span.n1 { top:-20px; left:-20px; }
.overlay div.foto span.n2 { bottom:-20px; right:-20px;  }
.overlay div.info { float:left; width:60%; max-height:560px; overflow:auto; }
.overlay div.info h2 { font:bold 2em "Times New Roman", Times, serif; color:#FFC220; }
.overlay div.info p { margin-bottom:10px; }
.overlay div.info p span { color:#0066B3; }